<template>
  <div id="info">
    <div class="main">
      <el-row class="user">
        <el-col style="width: 65px">
          <el-avatar :src="avatar"></el-avatar>
        </el-col>
        <el-col style="width: calc(100% - 65px)">
          <span class="block tl">{{this.config.bloger_name || 'bzing'}}</span>
          <span class="block tl">{{this.config.bloger_sign || '不羡鸳鸯不羡仙。'}}</span>
        </el-col>
      </el-row>
      <div class="line"></div>
      <el-row class="option">
        <el-col :span="12">
          <el-link :underline="false" @click="linkJumpGuestbook">留言<i class="el-icon-edit-outline"></i>
          </el-link>
        </el-col>
        <el-col :span="12">
          <el-link :underline="false" @click="linkJumpLinker">友链申请<i class="el-icon-link"></i></el-link>
        </el-col>
      </el-row>
    </div>
  </div>
</template>


<script>
  export default {
    name: "Info",
    props: {
      config: null
    },
    data() {
      return {
        avatar: require("../../assets/img/avatar.jpg")
      }
    },
    methods: {
      linkJumpGuestbook() {
        this.$router.push('/guestbook')
      },
      linkJumpLinker() {
        this.$router.push('/link')
      },
    },
    mounted() {
    }
  }
</script>

<style scoped>

  #info {
    position: relative;
  }

  #info .main {
    padding: 15px 10px 10px;
  }

  .option a {
    color: unset;
    font-weight: 500;
  }

</style>
